/**
 * Created by Administrator on 2016/9/25.
 */
(function($){

    $(function(){

       // 验证码验证
        var oAttr=[
            "9161",
            "9837",
            "0201",
            "4849",
            "4917",
            "5204",
            "7596",
            "1402",
            "8562",
            "7057",
            "0405",
           ]
        var cont=0;


        $(".inp3").blur(function () {

            if (($(".inp3").val()==(oAttr[cont]))) {
                ccc(iNput3,iNputP3)
            }else{
                red(iNput3,iNputP3);
                iNputP3.html("请正确填写您的验证码");
            }
        })
       //点击更换图片
        $(".aImg").click(function () {
            cont= parseInt(Math.random()*11);

            $(".imgs1")[0].src="../img/"+cont+".jpg";
        })



        var iNputB= $(".hetp button"),
            iNputPs= $(".hetp .spa1"),
            iNputP2= $(".hetp .spa2"),
            iNputP3= $(".hetp .spa3"),
            iNputP4= $(".hetp .spa4"),
            iNputP5= $(".hetp .spa5"),
            iNputP6= $(".hetp .spa6"),
            iNputP7= $(".hetp .spa7"),
            iNputSp= $(".hetp .pdf8 span"),
            iNputI= $("i");


        //点击注册验证：

        iNputB.click(function(){

            if ($(".inp").val()== ""||(!(/^[a-zA-Z]\w{3,20}$/i).test($(".inp").val()))){

                red(iNput1,iNputPs);
                red(iNput2,iNputP2);
                red(iNput3,iNputP3);
                red(iNput5,iNputP5);
                red(iNput6,iNputP6);

                if($(".inp").val().length>=4){
                    red(iNput1,iNputPs);
                    iNputPs.html("用户名只能输入数字、字母、下划线，并且必须字母开头。");
                }

                if($(".inp2").val().length==11){
                    ccc(iNput2,iNputP2)
                }else{
                    iNputP2.html("请正确填写您的用户名");
                }

                if($(".inp3").val()==(oAttr[cont])){
                    ccc(iNput3,iNputP3);
                }


                if($(".inp5").val().length>20 ){
                    iNputP5.html("对不起，请检查您的输入。密码设置支持6-20位字母、符号或数字，密码区分大小写")
                }else if($(".inp5").val()==""){
                      red(iNput5,iNputP5);
                }else if($(".inp5").val().length>=6){
                    ccc(iNput5,iNputP5);
                }else{

                }

            if((($(".inp5").val()!=="")&&($(".inp6").val()!=="")&&($(".inp5").val())==($(".inp6").val()))){
                     ccc(iNput6,iNputP6);
                 }else{
                     red(iNput6,iNputP6);
                 }

            }else
            if ($(".inp2").val()==""||(!(/^1[3458]\d{9}$/).test($(".inp2").val()))){

                red(iNput2,iNputP2);
                red(iNput3,iNputP3);
                if($(".inp2").val()!== ""){
                    iNputP2.html("请正确填写您的手机号码");
                }
                red(iNput3,iNputP3);

                red(iNput5,iNputP5);
                red(iNput6,iNputP6);

            }else if($(".inp3").val()==""||$(".inp3").val()!==(oAttr[cont])){
                red(iNput3,iNputP3);
                 iNputP2.html("请正确填写您的验证码");
                red(iNput5,iNputP5);
                red(iNput6,iNputP6);


            }else if($(".inp5").val()==""||((/^[a-zA-Z0-9!#@$]{6,20}$/i).test($(".inp5").val())==false)){

                red(iNput5,iNputP5);
                red(iNput6,iNputP6);
                iNputP5.html("对不起，请检查您的输入。密码设置支持6-20位字母、符号或数字，密码不区分大小写");
            }else if($(".inp5").val()!==$(".inp6").val()){
                red(iNput6,iNputP6);

            }else{

                //setCookie("inp",$(".inp").val(),30,"/");
                //setCookie("inp2",$(".inp2").val(),30,"/");
                //setCookie("inp5",$(".inp5").val(),30,"/");
                // window.locatiohtml/zhecechengong.html")
               var btnp=true;
               var pah= getCookie("username");
               if(pah==undefined){
                   var taxt= []
               }else{
                   var taxt = JSON.parse(pah);
               }
                for(var i=0;i<taxt.length;i++){
                    if(taxt[i].name==iNput1.val()){
                        alert("该用户已经被注册，请重新注册")
                        btnp=false;
                        iNput1.val("");
                        iNput2.val("");
                        iNput3.val("");
                        iNput4.val("");
                        iNput5.val("");
                        iNput6.val("");
                        iNput7.val("");
                    }
                }
                if(btnp){
                    var kucun={
                        name : iNput1.val(),
                       idcard : iNput2.val(),
                        pass : iNput5.val(),
                    };
                    taxt.push(kucun);
                    setCookie("username",JSON.stringify(taxt),7,"/");
                    window.location.assign("zhecechengong.html");
                }
            }

            inpuf(iNput1);
            inpub(iNput1,iNputPs);
            inpuf(iNput2);
            inpub(iNput2,iNputP2);
            inpuf(iNput3);
            inpub(iNput3,iNputP3);
            inpuf(iNput5);
            inpub(iNput5,iNputP5);
            inpuf(iNput6);
            inpub(iNput6,iNputP6);

            return false;
        });


        var iNput= $(".dlu-ri input"),
            iNput1= $(".inp"),
            iNput2= $(".inp2"),
            iNput3= $(".inp3"),
            iNput4= $(".inp4"),
            iNput5= $(".inp5"),
            iNput6= $(".inp6"),
            iNput7= $(".inp7");
        //单个点击事件
        inpuf1(iNput1);

        inpuf1(iNput2);

        inpuf1(iNput3);

        inpuf1(iNput4);

        inpuf1(iNput5);

        inpuf1(iNput6);

        inpuf1(iNput7);

           //单个注册
        //用户名
        iNput1.blur(function(){
            if((!(/^[a-zA-Z]\w{3,20}$/i).test($(".inp").val()))){
                red(iNput1,iNputPs);
                iNputPs.html("用户名只能输入数字、字母、下划线，并且必须字母开头。");
            }else{
                ccc(iNput1,iNputPs);
            }

        });
        //手机号
        iNput2.blur(function(){
            if((!(/^1[3458]\d{9}$/).test($(".inp2").val()))){
                red(iNput2,iNputP2);
                iNputPs.html("请正确填写您的手机号码");
            }else{
                ccc(iNput2,iNputP2);
            }

        });
       //验证码
        iNput3.blur(function(){
            if($(".inp3").val()!==(oAttr[cont])){
                red(iNput3,iNputP3);
                iNputP3.html("请正确填写您的验证码");
            }else{
                ccc(iNput3,iNputP3);
            }

        });
        //密码
        iNput5.blur(function(){
            if(((/^[a-zA-Z0-9!#@$]{6,20}$/i).test($(".inp5").val())==false)){
                red(iNput5,iNputP5);
                iNputP5.html("对不起，请检查您的输入。密码设置支持6-20位字母、符号或数字，密码不区分大小写");
            }else{
                ccc(iNput5,iNputP5);
            }

        });
        //确认密码
        iNput6.blur(function(){
            if($(".inp5").val()!==$(".inp6").val()){
                red(iNput6,iNputP6);
                iNputP6.html("请正确确认你的密码");
            }else{
                ccc(iNput6,iNputP6);
            }

        });

        iNput4.blur(function(){
            iNput4.css({border:"1px solid #ccc"});
        });

        iNput7.blur(function(){
            iNput7.css({border:"1px solid #ccc"});
        });

        //获取焦点
        function inpuf(iNput1){
            iNput1.focus(function(){
                if(iNput1.val()==""){

                    iNput1.css({border:"1px solid red"});
                }else{
                    iNput1.css({border:"1px solid #ccc"});

                }
            });
        }
        //失去焦点

        function inpub(iNput1,san){
            iNput1.blur(function(){
                if(iNput1.val()==""){

                    iNput1.css({border:"1px solid red"});
                }else{

                    iNput1.css({border:"1px solid #ccc"});
                    san.css({display: "none"});
                }
            });
        }

        function inpuf1(iNput1){
            iNput1.focus(function(){
                iNput1.css({border:"1px solid red"});

            });
        }

        //失去焦点

        //红色边框
        function red(clor,pan){
            clor.css({border:"1px solid red"});
            pan.css({display:"block"});
        }
        function ccc(clor,pan){
            clor.css({border:"1px solid #ccc"});
            pan.css({display:"none"});
        }

       //注册成功页面效果；
       var oSou= $(".sou"),
            oJia= $(".jia");
        oSou.mouseenter(function(){

            oSou.css({borderColor:"red",color:"red"});
        });
        oSou.mouseleave(function(){
            oSou.css({borderColor:"#ccc",color:"#333"});
        });
        oJia.mouseenter(function(){

            oJia.animate({opacity:".6",filter:"alpha(opacity=60)"});
        });
        oJia.mouseleave(function(){
            oJia.animate({opacity:".8",filter:"alpha(opacity=80)"});
        });




    })



})(jQuery);